<!DOCKTYPE  html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
 font-size: 12px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://kiyoto777.web.fc2.com/test/dateformat.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("feeds", "1");
$(function(){
// 日付フォーマット(dateformat.jsを利用)
 var dateFormat = new DateFormat("yyyy.MM.dd");
 google.setOnLoadCallback(function(){
// Google Ajax Feedを非同期タスク化 使用方法:GfeedTask(タスク名,URL,表示件数)
  var GfeedTask = function(name,url, num){
      var feed = new google.feeds.Feed(url);
      feed.setNumEntries(num);
      var dfd = $.Deferred();
      feed.load(function(result){
        if (!result.error) {
          var entries = result.feed.entries;
          for (var i = 0; i < entries.length; i++) {
            var entry = entries[i];
            // 日付セット
            var dateStr = dateFormat.format(new Date(entry.publishedDate));
            // ブログタイトル名の変更
            var hogeBlogName = result.feed.title;
            hogeBlogName = hogeBlogName.replace(/ブログタイトル/, "置き換えた名前");
            hogeBlogName = hogeBlogName.replace(/ブログタイトル/, "置き換えた名前");
            // HTMLセット
            $('#blog-news').append('<ul><li>'+ dateStr +'<h2><a href="' + entry.link + '" target="_blank" >' + entry.title + '</a> </h2><h3>' + hogeBlogName + '</h3></li></ul>');
          }
         dfd.resolve('task success');
        }
        else{
         dfd.reject(name);
        }
      });
    return dfd.promise();
  };
// Feed URLを指定
  var feed_url1 = "http://rssblog.ameba.jp/new-bulue/rss.html";
  var feed_url2 = "http://rssblog.ameba.jp/new-blue-777/rss.html";
// GfeedTask('適当なタスク名', Feed URL, 表示件数)
  $.when( 
   GfeedTask('task01', feed_url1, 1),
   GfeedTask('task02', feed_url2, 1) 
    ).then(
    function(res) {
//          console.log('GfeedTask  Success');
    }, 
    function(res) {
//         console.log('GfeedTask Error: task = ' + res);
    }
  );
});
});
</script>
<title>Google Ajax Feed & Deferred(promise) Test</title>
</head>
<body>
<div id="blog-news"></div>
</body>
</html>


